/*######################################
		CENTER FILTER
	##############################*/
.filterDiv {
	  float: left;
	  color: #ffffff;
	  width: 100%;
	  margin: 2px;
	  margin-bottom: 20px;
	  display: none;
	  font-size:12px;
	  position: absolute;
}
.filterDiv img{
	width: 17.5%;
}
.show {
  display: block;
}



/* Style the buttons */
.btnAcc {
  border: none;
  outline: none;
  padding: 12px;
  margin-bottom: 2px;
  
  cursor: pointer;
  width: 24%;
  font-size: 13px;
}
.btnAcc img{
  border: none;
  outline: none;
  width: 100%;
}

.btnAcc:hover {
  background-color: #052B59;
  color: white;
}

.myBtnContainer .btnAcc.active {
  background-color: #ccd2e4;
  color: white;
}

@media (max-width: 880px) {
	.btnAcc {
		  padding: 5px;
		  width: 22%;
		  font-size: 10px;
		   margin-left: -2px;
	}
}









.footer-distributed{
	box-sizing: border-box;
	box-shadow: 0 8px 12px 0 rgba(2,2,2,2.2);
	width: 95%;
	background-image: url('Images/30-background.jpg');
	padding-bottom: 1px;
	vertical-align: middle; 
	margin-left: 20px;
	border-radius: 4px; 
	
}



 .footer-distributed a {
	color: #ffffff;
	text-decoration: none;
}

/* header left */
.footer-left{
	display: inline-block;
	vertical-align: top;
	width: 25%;
	margin:0.2px;
	margin-left: -70px;
	margin-top: 5px;
	text-align: left;
	font: 13px sans-serif;
	
}

.footer-left img:hover {
  opacity: 0.5;
	cursor: pointer;
}

.footerBigView img:hover {
		transform: scale(3) translate(30%, -6%);
		-webkit-transition: 0.3s;
		transition: 0.5s;
		opacity: 1.5;
		border: 2px solid red;
		position: relative;
}
.footer-left .footerBigView {
	text-align: left;
	font: 12px sans-serif;
}

.footer-left img{
	width: 100%;
}
 
.footer-links a{
	display:inline-block;
	line-height: 1.8;
	text-decoration: none;
	color:  inherit;
	}

 
/* header Center */
.footer-center{
		vertical-align: top;
		width: 40%;
		display: inline-block;
		color: #E4E3E3;
		vertical-align: middle;
		margin:3px;
		Padding-left: 10px;
		text-align: left;
		line-height:1.5;
		font-weight: normal;
		font: 13px sans-serif;
		
}

.footer-center img:hover {
	opacity: 1.5;
}
.footer-center img {
	width: 9.5%;
	border-radius: 8px;
}
.footer-center a {
	color: #E4E3E3;
	text-decoration: none;
}

 .footer-center a:hover {
	color:  orange;
	text-decoration: none;
}
 
 
/* header Right */
.footer-right {
	display: inline-block;
	vertical-align: top;
	width: 25%;
	color: #E4E3E3;
	font: 13px sans-serif;
	margin:5px;
	text-align: left;
	line-height:1.8;
	
}

.footer-right img {
	width: 10.5%;
	border-radius: 7.5px;
	margin-left: 3px;
	opacity: 0.5;
}
.footer-right img:hover {
	opacity: 1.0;
}

.footer-right a:hover {
	color:  orange;
	text-decoration: none;
}

 
 
 

 .footerHideMobile {
	font: 13px sans-serif;
}
.footerScreenView{
	font: 0px sans-serif;
	width: 0%;
	}
.footer-right .footerScreenView img{
	width: 0%;
	}
.footer-right .footerScreenView a:hover {
	color:  orange;
	text-decoration: none;
}
@media (max-width: 880px) {
		.footer-distributed{
		width: 95%;
		vertical-align: middle; 
		Margin-left:0%;
	}
	.footer-left{
		width: 40%;
		margin-bottom: 9px;
		text-align: left;
		margin-left: -4%;
	}	
		
	.footer-center{
		width: 50%;
		margin-bottom: 4px;
		margin:0px;
		Padding-left: 5px;
		text-align: left;
		font: 12px sans-serif;
	}
	
	 .footer-right{
		width: 0%;
		color:  white;
		position:absolute;
		right:0;
		margin-right: 0%;
		text-align: left;
		font: 0px sans-serif;
	}
	
	 .footerHideMobile{
		font: 0px sans-serif;
	}
	.footerScreenView{
		font: 12px sans-serif;
		width: 100%;
	}
	.footerScreenView img:hover {
		transform: scale(3) translate(10%, -6%);
		-webkit-transition: 0.3s;
		transition: 0.5s;
		opacity: 1.5;
		border: 2px solid red;
	}
	.footer-right a:hover {
		color:  orange;
		text-decoration: none;
	}
	
	.footerBigView img:hover {
		transform: scale(3) translate(10%, -6%);
		-webkit-transition: 0.3s;
		transition: 0.5s;
		opacity: 1.5;
		border: 2px solid red;
	}
	
}








/*######################################
		Events Content
	##############################*/
.footer-distributed1{
	box-sizing: border-box;
	box-shadow: 0 8px 12px 0 rgba(2,2,2,2.2);
	width: 90%;
	background-image: url('Images/30-background.jpg');
	padding-bottom: 1px;
	vertical-align: middle; 
	margin-left: 35px;
	border-radius: 4px; 
}
 .footer-distributed1 a {
	color: #ffffff;
	text-decoration: none;
}

/* header left */
.footer-left1{
	display: inline-block;
	vertical-align: top;
	width: 25%;
	margin:0.2px;
	margin-left: -70px;
	margin-top: 5px;
	text-align: left;
	font: 13px sans-serif;
}

.footerBigViewE  {
		vertical-align: top;
		width: 100%;
		display: inline-block;
		color: #E4E3E3;
		vertical-align: middle;
		margin:0px;
		Padding-left: 1px;
		text-align: left;
		line-height:1.5;
		font-weight: normal;
		font: 13px sans-serif;
}
.footerBigViewE img:hover {
		transform: scale(3) translate(30%, 6%);
		-webkit-transition: 0.3s;
		transition: 0.5s;
		opacity: 1.5;
		border: 2px solid blue;
		Width: 180px;
}
.footerBigViewW img:hover {
		transform: scale(3) translate(0%, 6%);
		-webkit-transition: 0.3s;
		transition: 0.5s;
		opacity: 1.5;
		border: 2px solid blue;
		Width: 250px;
}
.footer-left1 .footerBigViewE {
	text-align: left;
	font: 12px sans-serif;
}

.footer-left1 img{
	width: 100%;
}
 
.footer-links a{
	display:inline-block;
	line-height: 1.8;
	text-decoration: none;
	color:  inherit;
	}

 
/* header Center */
.footer-center1{
		vertical-align: top;
		width: 50%;
		display: inline-block;
		color: #E4E3E3;
		vertical-align: middle;
		margin:3px;
		Padding-left: 10px;
		text-align: left;
		line-height:1.5;
		font-weight: normal;
		font: 13px sans-serif;
		
}

.footer-center1 img:hover {
	opacity: 1.5;
}
.footer-center1 img {
	width: 9.5%;
	border-radius: 8px;
}
.footer-center1 a {
	color: #E4E3E3;
	text-decoration: none;
}

 .footer-center1 a:hover {
	color:  orange;
	text-decoration: none;
}
 

@media (max-width: 880px) {
		.footer-distributed1{
		width: 90%;
		vertical-align: middle; 
		Margin-left:4.5%;
	}
	.footer-left1{
		width: 40%;
		margin-bottom: 9px;
		text-align: left;
		margin-left: -4%;
	}	
		
	.footer-center1 {
		width: 50%;
		margin-bottom: 4px;
		margin:0px;
		Padding-left: 5px;
		text-align: left;
		font: 10.2px sans-serif;
	}
	
	 .footer-right1 {
		width: 0%;
		color:  white;
		position:absolute;
		right:0;
		margin-right: 0%;
		text-align: left;
		font: 0px sans-serif;
	}

	
	.footerBigViewE img:hover {
		transform: scale(3) translate(32%, 6%);
		-webkit-transition: 0.3s;
		transition: 0.5s;
		opacity: 1.5;
		border: 2px solid blue;
		Width: 80%;
	}
	.footerBigViewW img:hover {
		transform: scale(3) translate(32%, 6%);
		-webkit-transition: 0.3s;
		transition: 0.5s;
		opacity: 1.5;
		border: 2px solid blue;
		Width: 80%;
	}
}









@import "compass/css3";
* {
  box-sizing: border-box;
}

::selection {
  background-color: #4EC6DE;
}

.tabbed {
	width: 90%;
	margin: 50px auto;
    background-image: url('Images/30-background.jpg');
}

.tabbed > input {
  display: none;
}

.tabbed > label {
  display: block;
  float: left;
  padding: 12px 20px;
  margin-right: 5px;
  cursor: pointer;
  transition: background-color .3s;
}

.tabbed > label:hover,
.tabbed > input:checked + label {
  background: #4EC6DE;
}

.tabs .Creative img{
	width: 30px;
	opacity: 0.5;
	border-radius: 5px;
}

 .tabs .Creative img:hover {
	opacity: 1.5;
}

.tabs .Creative a{ 
	color: #E4E3E3;
	text-decoration: none;
}

.tabs .Creative a:hover {
	color:  orange;
	text-decoration: none;
}
.HideCreative {
	color: #E4E3E3;
	font: 16px sans-serif;
}

.tabs {
  clear: both;
  perspective: 600px;
  
}
.tabs img{
	width: 100%;
}
.tabs > div {
	  width: 100%;
	  position: absolute;
	  border: 2px solid #4EC6DE;
	  padding: 10px 30px 40px;
	  line-height: 1.4em;
	  opacity: 0;
	  transform: rotateX(-20deg);
	  transform-origin: top center;
	  transition: opacity .3s, transform 1s;
	  z-index: 0;
	  text-align: left;
    background-image: url('Images/30-background.jpg');
}

#tab-nav-1:checked ~ .tabs > div:nth-of-type(1),
#tab-nav-2:checked ~ .tabs > div:nth-of-type(2),
#tab-nav-3:checked ~ .tabs > div:nth-of-type(3),
#tab-nav-4:checked ~ .tabs > div:nth-of-type(4){
  transform: rotateX(0);
  opacity: 1;
  z-index: 1;
}

@media (max-width: 880px) {
.HideCreative {
	color: #E4E3E3;
	font: 0px sans-serif;
	}
}














.fa {
	font-size:15px
}
@media (max-width: 880px) {
	.fa {
		font-size:0px
	}
}








.sidebar {
		float: right;
		width: 15%;
		margin: 0px;
		background-color: white;
	}
	
.sidebar img{
		width: 99.9%;
	}
	
.sidebar img:hover {
		transform: scale(1.24) translateY(2px); 
		z-index: 1; 
		-webkit-transition: 0.3s;
		transition: 0.5s;
		border: 5px solid grey;
		
}

@media (max-width: 880px) {
	
	.sidebar {
		width:19.5%;
	}
}
	
@media (max-width:479px) {
	
	.sidebar {
		width:0%;
	}
}











<style>
.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;

}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 60%;
  background-color: white;
  color: #8B8988;
  text-align: left;
  border-radius: 6px;
  padding: 5px 5px;
font-size-adjust: 12px;
  /* Position the tooltip */
  position: absolute;
margin-left:-5%;

}
.tooltiptext img{
	width: 100%;
}
.tooltip:hover .tooltiptext {
  visibility: visible;
}

@media (max-width: 880px) {
	
	.tooltip .tooltiptext {
		font-size-adjust: 10px;
		border-radius: 6px;
		margin-left:-45%;
		margin-top: 5%;
	}
	.tooltiptext img{
	width: 0%;
}
}
</style>